<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: chen3
  Date: 2021-08-12
  Time: 19:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>果果商城</title>
    <link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/layui/css/layui.css" rel="stylesheet">
    <script src="${pageContext.request.contextPath}/jquery/jquery-3.3.1.js"></script>
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
    <script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.js"></script>
    <style>
        body{
            background-color: #e6dfc8;
        }
        .container-fluid{
            border-radius: 20px;
            width:auto;
            margin-left: 50px;
            margin-right: 50px;
            margin-top: 30px;
            border-radius: 5px;
        }
        #carouselExampleCaptions{
            border-radius: 5px;
            width: 85%;
            height: 400px;
            margin: 0 auto;
            margin-top: 10px;
        }
        #carouselExampleCaptions img{
            border-radius: 5px;
            width: 85%;
            height: 400px;
            margin: 0 auto;
            margin-top: 10px;
        }
        #carouselExampleCaptions button{
            border: none;
            opacity: 0.01;
        }
    </style>
</head>
<body>
    <%@ include file="/WEB-INF/jsp/header.jsp"%>
    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active" data-interval="3000">
                <img src="${pageContext.request.contextPath}/images/loginbg.jpeg" class="d-block w-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                    <h5>First slide label</h5>
                    <p>Some representative placeholder content for the first slide.</p>
                </div>
            </div>
            <div class="carousel-item" data-interval="3000">
                <img src="${pageContext.request.contextPath}/images/register.jpg" class="d-block w-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                    <h5>Second slide label</h5>
                    <p>Some representative placeholder content for the second slide.</p>
                </div>
            </div>
            <div class="carousel-item" data-interval="3000">
                <img src="${pageContext.request.contextPath}/images/good.jpg" class="d-block w-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                    <h5>Third slide label</h5>
                    <p>Some representative placeholder content for the third slide.</p>
                </div>
            </div>
        </div>
        <button class="carousel-control-prev" type="button" data-target="#carouselExampleCaptions"  data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">上一张</span>
        </button>
        <button class="carousel-control-next" type="button" data-target="#carouselExampleCaptions"  data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">下一张</span>
        </button>
    </div>
    <%-- 商品展示 --%>
    <div class="container-fluid">
        <iframe width="100%" height="100%" src="${pageContext.request.contextPath}/shop/sale" frameborder="0"></iframe>
    </div>
    <%-- 页脚 --%>
    <%@include file="/WEB-INF/jsp/footer.jsp"%>

</body>
</html>
